<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>日报表</title>
		<script language="javascript" src="${base}/res/betou_template/js/jquery.js"></script>
		<script type="text/javascript">
$(function () {
        $('#container').highcharts({
            title: {
                text: "日报表, ${day!'无数据'}",
                x: -20 //center
            },
            subtitle: {
                text: '客户统计',
                x: -20
            },
            xAxis: {
                categories: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点', '15点', '16点', '17点', '18点', '19点', '20点', '21点', '22点', '23点']
            },
            yAxis: {
                title: {
                    text: '注册人数(位)'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '位'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: '客户',
                data: [<#list report as p>${p}<#if p_has_next>,</#if></#list>]
            }]
        });

        $('#day').change(function(){
			$('#inputForm').submit();
        });
    });
    

		</script>
	</head>
	<body>
<script src="${base}/thirdparty/highcharts/highcharts.js"></script>
<link href="${base}/res/betou_template/css/common.css" rel="stylesheet" type="text/css" />
<form action="day.jspx" method="post"  id="inputForm">
<table class="input" >
	<tr>
		<th>
			请选择日期:
		</th>
		<td >
			<select name="day" id="day">
				<#list dayList as d>
					<option value="${d}" <#if d == day>selected</#if>>${d}</option>
				</#list>
			</select>
		</td>
	</tr>
	
</table>
</form>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
	</body>
</html>
